<template>
    <el-container>
        <el-main>
            <div class="layout white-block success">
                <div>
                    <p>提交成功</p>
                    <p class="time">您的需求单将在3-7个工作日内审核完成......</p>
                    <p class="look">
                        查看提交的
                        <!--                    <el-link type="primary" :underline="false" @click="open" target="_blank">资源申请详情-->
                        <!--                    </el-link>-->
                        <!--                    或查看-->
                        <el-link type="primary" :underline="false" @click="open" target="_blank">资源申请列表
                        </el-link>
                    </p>
                </div>
            </div>
        </el-main>
    </el-container>
</template>

<script>
    export default {
        data() {
            return {
                orderNo: '',
                offLine: false
            }
        },
        mounted() {
            if (this.$route.query.orderNo) this.orderNo = this.$route.query.orderNo
            if (this.$route.query.offLine) this.offLine = JSON.parse(this.$route.query.offLine)
        },
        methods: {
            open(orderNo) {
                let url = '/manager/application'
                if (this.offLine) url = '/manager/off-application'
                window.open(url, '_blank')
                // window.open(url + '?orderNo=' + orderNo, '_blank')
            }
        },
        components: {}
    }
</script>

<style scoped lang="less">
    .success {
        height: 100%;
        min-height: 400px;
        display: flex;
        align-items: center;

        > div {
            width: 100%;
        }

        p {
            text-align: center;
            font-size: 20px;
        }

        .time {
            padding-top: 60px;
            font-size: 14px;
        }

        .look {
            padding-top: 20px;
            font-size: 14px;

            .el-link {
                font-size: 14px;
            }
        }
    }
</style>
